﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>破碎工作室-方舟私服773服主页</title>

    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-app-capable" content="yes">
    <meta name="apple-mobile-app-status-bar-style" content="black">

    <meta name="description" content="一位想为游戏玩家提供优秀的游戏环境而努力的服主">
    <meta name="keywords" content="梦想是开机房,开工作室,赚钱">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="cononico">
    <meta name="application-name" content="Cononico">

    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/process.css">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="js/layui/css/layui.css">
    </script>

    <!-- 引入 layui.js -->
    <script src="js/layui/layui.js"></script>

    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <script type="text/javascript">
        //设定rem值
        document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px';
    </script>

    <style>
        .co1 {
            background-color: rgba(0, 150, 136, 0.99);
        }
    </style>

</head>
<body>
<header class="head">
    <div class="head_logo_div">
        <img class="logo_img" src="images/upload/head.jpg">
        <a class="a1">破碎工作室出品</a>
    </div>
    <div class="head_nav_div">
        <nav class="head_nav">
            <ul id="nav_ul">
                <li class="nav_li_on nav_ul_li">主页</li>
                <li class="nav_ul_li">介绍</li>
                <li class="nav_ul_li">赞助MOD</li>
                <li class="nav_ul_li">赞助鸣谢榜</li>
                <li class="nav_ul_li">联系方式</li>
            </ul>
        </nav>
    </div>
    <div class="clear"></div>
</header>

<ul class="float_btn" id="float_btn">
    <li class="btn_on"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

<div class="wrapBox" id="wrapBox">
    <div class="box">
        <img class="box_bg" src="images/upload/ARK.jpg">
        <div class="box01_content">
            <div class="head_div">
                <div class="cycle_item">
                    <a href="tencent://message/?uin=543091552&Site=&Menu=yes" class="github_a" id="github_a"
                       target="_blank">
                        <span class="github_icon"></span>
                        <span class="github_text"><p class="item_name">+破碎</p></span>
                    </a>
                    <a href="https://jq.qq.com/?_wv=1027&k=Yaz5X6Kc" class="weibo_a" id="weibo_a" target="_blank">
                        <span class="qq_icon"></span>
                        <span class="weibo_text"><p class="item_name">+QQ群</p></span>
                    </a>
                    <a href="https://steam.vmu.me/server/binglin.top:27201" class="blog_a" id="blog_a" target="_blank">
                        <span class="blog_icon"></span>
                        <span class="blog_text"><p class="item_name"> 773服</p></span>
                    </a>

                    <div class="green_cycle">
                        <img class="green_cycle_img" src="images/icon/green_cycle.svg">
                        <div class="yellow_cycle">
                            <img class="yellow_cycle_img" src="images/icon/yellow_cycle.svg">
                            <div class="blue_cycle">
                                <img class="blue_cycle_img" src="images/icon/blue_cycle.svg">
                                <div class="head_img_div">
                                    <img class="head_img" src="images/upload/ARK7.jpg">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="d1">
                <h1 style="color: #593636" class="title">欢迎来到破碎方舟私服服务器</h1>
                <div id="box01_text" style="text-align: center;padding-top: 30px">
                    <span class="layui-badge layui-bg-orange">多样玩法</span>
                    <span class="layui-badge layui-bg-green">内容丰富</span>
                    <span class="layui-badge layui-bg-cyan">稳定</span>
                    <span class="layui-badge layui-bg-blue">快速</span>
                    <span class="layui-badge layui-bg-gray">永久</span><br><br>
                </div>
            </div>

        </div>
        <div class="arrow_div">
            <img class="arrow_img" src="images/icon/arrowhead.png">
        </div>
    </div>

    <div class="box">
        <img class="box_bg" src="images/upload/ARK5.jpg">

        <p id="show"></p>
        <div class="box02_content box_content">
            <div id='bar_container' class="bar_container">
                <div class='bar mint' data-percent='70' data-skill='孤岛【PVE】 点我直连' onclick="f1()"></div>
                <div class='bar red' data-percent='70' data-skill='灭绝【PVE】 点我直连' onclick="f2()"></div>
                <div class='bar lila' data-percent='70' data-skill='仙境【PVE】 点我直连' onclick="f3()"></div>
                <div class='bar orange' data-percent='70' data-skill='创世纪【PVE】 点我直连' onclick="f4()"></div>
                <div class='bar gray' data-percent='70' data-skill='创世纪02【PVE】 点我直连' onclick="f5()"></div>
                <div class="bar blue" data-percent='70' data-skill='畸变【PVE】 点我直连' onclick="f6()"></div>
                <div class="bar green" data-percent='70' data-skill='迷失岛【PVE】 点我直连' onclick="f7()"></div>
                <div class="bar blue" data-percent='70' data-skill='瓦尔盖罗【PVP】 点我直连' onclick="f8()"></div>
                <div class='bar mint' data-percent='70' data-skill='中心岛【PVP】 点我直连' onclick="f9()"></div>
            </div>
            <div id="box02_text">
                <h1>773非官方方舟私服</h1>
                <div class="overline"></div>
                <p style="font-size: 15px">欢迎加入773这个大家庭 本服适合萌新 养老</p>
                <p style="font-size: 15px">服务器开服至今已经有6年-永久服{八个PVE图带两个PVP图}</p>
                <p style="font-size: 23px;color: #ff0000">本服MOD介绍</p>
                <p style="font-size: 15px">PVE：叠加-解飞-传送器-A镜-唯一集成-赌场-风暴定制-定制S+-可视化商店【很多都是套用 几个合成一个MOD】</p>
                <p style="font-size: 15px">PVP：叠加-解飞-传送器-A镜-唯一集成-赌场-风暴定制-定制S+-可视化商店-野人NPC</p>
                <p style="font-size: 15px">PVP活动：叠加-解飞-传送器-A镜-风暴-暗影-可视化商店-定制野人</p>
                <p style="font-size: 15px">============================================</p>
                <p style="font-size: 15px">服务器玩法特色</p>
                <p style="font-size: 15px">服务器以游戏实体金币玩法分别是【铜币-银币-金币-黑币】对应的赌场箱子有【铜币箱-银币箱子-金币箱子-黑币箱】另外还有金币转盘</p>
                <p style="font-size: 15px">铜币1=2 一个实体铜币=2个商店金币 银币1=10 一个实体银币=10个商店金币 金币1=100 一个实体金币=100个商店金币 可在商店购买
                    也同样可以回收</p>
                <p style="font-size: 15px">黑币箱子需要黑币开 黑币获取渠道=打世界BOSS 打高级精英 打大型野人家 PVP管理建的基地</p>
                <p style="font-size: 15px"> 赌场有=宝箱抽奖-大转盘-21点牌局-老虎机</p>
                <p style="font-size: 15px">后期龙多可以去PVP抄野人家 各种黑币 金币奖励</p>
                <p style="font-size: 15px">常驻玩家可以免费领取VIP1 过节会全服发金币</p>
                <p style="font-size: 15px">可视化商店功能=｛商店购买物品-回收-领取新手礼包-交易行-抽奖｝未来功能-斗地主</p>
                <p style="font-size: 15px">服务器群号：336823215</p>
            </div>


            <div class="clear"></div>
            <div class="clear"></div>
        </div>

        <div class="arrow_div">
            <img class="arrow_img" src="images/icon/arrowhead.png">
        </div>

    </div>
    <!--轮播轮换-->
    <div class="box">
        <img class="box_bg" src="images/upload/chongdong.jpg" alt="图片">
        <div class="layui-carousel" id="test2"
             style="background-color: rgba(47,64,86,0.65);margin-top: 130px;margin-left: 280px">
            <div style="text-align: center;border-radius:20px" carousel-item="">
                <div style="background-color: rgba(255,255,255,0);color: #f8f8f8">
                    <span class="layui-badge-dot"></span>
                    <span class="layui-badge-dot layui-bg-orange"></span>
                    <span class="layui-badge-dot layui-bg-green"></span>
                    <span class="layui-badge-dot layui-bg-cyan"></span>
                    <span class="layui-badge-dot layui-bg-blue"></span>
                    <span class="layui-badge-dot layui-bg-black"></span>
                    <span class="layui-badge-dot layui-bg-gray"></span>

                    <p class="layui-text layui-font-25 layui-font-red">出售MOD</p>
                    <hr class="layui-border-red">


                    <div style="text-align: left;padding-left: 50px;padding-top: 10px">
                        <p class="layui-font-18">
                            风暴帝国3完整版 <span style="color: #cf4647">1100</span> ¥ <span class="layui-badge layui-bg-orange">永久</span>
                        </p><br>
                        <p class="layui-font-18">
                            暗影国度完整版 <span style="color: #cf4647">1100</span> ¥ <span class="layui-badge layui-bg-orange">永久</span>
                        </p><br>
                        <p class="layui-font-18">
                            定制S+ <span style="color: #cf4647">200</span> ¥ <span class="layui-badge layui-bg-orange">永久</span>
                        </p><br>
                        <p class="layui-font-18">
                            定制俞武器 <span style="color: #cf4647">200</span> ¥ <span class="layui-badge layui-bg-orange">永久</span>
                        </p><br>
                        <p class="layui-font-18">
                            完整773定制MOD <span style="color: #cf4647">1000</span> ¥ ｛带野人和私定生物｝ <span class="layui-badge layui-bg-orange">永久</span>
                        </p><br>
                        <p class="layui-font-18">
                            战神2【一个月】：<span style="color: #cf4647">200</span> ¥ <span class="layui-badge layui-bg-orange">永久</span>
                        </p><br>
                        <p class="layui-font-18">
                            克隆建筑【永久】：<span style="color: #cf4647">200</span> ¥ <span class="layui-badge layui-bg-orange">永久</span>
                        </p>
                    </div>


                </div>
                <div style="background-color: rgba(255,255,255,0);color: #f8f8f8">
                    <span class="layui-badge-dot"></span>
                    <span class="layui-badge-dot layui-bg-orange"></span>
                    <span class="layui-badge-dot layui-bg-green"></span>
                    <span class="layui-badge-dot layui-bg-cyan"></span>
                    <span class="layui-badge-dot layui-bg-blue"></span>
                    <span class="layui-badge-dot layui-bg-black"></span>
                    <span class="layui-badge-dot layui-bg-gray"></span>
                    <p class="layui-text layui-font-25 layui-font-orange ">出售插件</p>
                    <hr class="layui-border-orange">

                    <div style="text-align: left;padding-left: 50px;padding-top: 10px">
                        <p class="layui-font-18">生物战利品插件：<span style="color: #cf4647">300</span> ¥</p><br>
                        <p class="layui-font-18">自动刷新自定义生物：<span style="color: #cf4647">400</span> ¥</p><br>
                        <p class="layui-font-18">炮塔优化：<span style="color: #cf4647">200</span> ¥</p><br>
                        <p class="layui-font-18">跨服上传任何物品插件：<span style="color: #cf4647">400</span> ¥</p><br>
                        <p class="layui-font-18">机器人说话插件：<span style="color: #cf4647">300</span> ¥</p>
                    </div>
                </div>
                <div style="background-color: rgba(255,255,255,0);color: #f8f8f8">
                    <span class="layui-badge-dot"></span>
                    <span class="layui-badge-dot layui-bg-orange"></span>
                    <span class="layui-badge-dot layui-bg-green"></span>
                    <span class="layui-badge-dot layui-bg-cyan"></span>
                    <span class="layui-badge-dot layui-bg-blue"></span>
                    <span class="layui-badge-dot layui-bg-black"></span>
                    <span class="layui-badge-dot layui-bg-gray"></span>
                    <p class="layui-text layui-font-25 layui-font-green">傻瓜式开服,包教包会</p>
                    <hr class="layui-border-green">

                    <div style="text-align: left;padding-left: 50px;padding-top: 10px">
                        <p class="layui-font-18 layui-font-red">买主只需要玩-所有设置我们处理</p><br>
                        <p class="layui-font-20 layui-font-orange">月服</p>
                        <p class="layui-font-18">
                            10人服----------<span style="color: #cf4647">100</span> ¥
                            <span class="layui-badge layui-bg-orange">一个月</span>
                        </p><br>
                        <p class="layui-font-18">
                            30人服----------<span style="color: #cf4647">200</span> ¥
                            <span class="layui-badge layui-bg-orange">一个月</span>
                        </p><br>
                        <p class="layui-font-18">
                            50人服----------<span style="color: #cf4647">300</span> ¥
                            <span class="layui-badge layui-bg-orange">一个月</span>
                        </p><br>
                        <p class="layui-font-18">
                            100人服----------<span style="color: #cf4647">500</span> ¥
                            <span class="layui-badge layui-bg-orange">一个月</span>
                        </p><br>
                        <p class="layui-font-18">
                            租一台主机----------<span style="color: #cf4647">2000</span> ¥
                            <span class="layui-badge layui-bg-orange">一个月</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="box">
        <img class="box_bg" src="images/upload/ARK6.jpg">
        <div class="box_content box04_content">
            <h1 class="box04_title">赞助鸣谢榜</h1>
            <ul class="hobby_content">
                <li class="hobby_01">
                    <div class="hobby_text_div">
                        <p class="s1" style="font-size: 25px;text-align: center;color: #000000"><b>VIP15大佬赞助</b></p>
                        <span class="s1">谛听----------------------VIP15</span>
                        <br/><br/>
                        <span class="s1">麦兜----------------------VIP15</span>
                        <br/><br/>
                        <span class="s1">皮总----------------------VIP15</span>
                        <br/><br/>
                        <span class="s1">飞翔----------------------VIP15</span>
                        <br/><br/>
                        <span class="s1">梦之泪伤-----------------VIP15</span>
                        <br/><br/>
                        <span class="s1">牛奶----------------------VIP15</span>
                    </div>
                </li>
                <li class="hobby_02">
                    <div class="hobby_text_div">
                        <p class="s1" style="font-size: 25px;text-align: center;color: #000000"><b>本服核心人物</b></p>
                        <span class="s2">服主----------------------破碎</span>
                        <br/><br/>
                        <span class="s2">游戏管理-----------------剩骑士</span>
                        <br/><br/>
                        <span class="s2">手游管理----------------------DK</span>

                    </div>
                </li>
                <li class="hobby_03">
                    <div class="hobby_text_div">
                        <p class="s1" style="font-size: 25px;text-align: center;color: #000000"><b>本服mod提供</b></p>
                        <span class="s3">风暴暗影合作商-----------------鸽子精</span>
                        <br/><br/>
                        <span class="s3">MOD插件合作------------------小灰灰</span>
                    </div>
                </li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="arrow_div">
            <img class="arrow_img" src="images/icon/arrowhead.png">
        </div>
    </div>
    <foot id="foot" class="foot">
        <h1 class="foot_title">Contact With Me</h1>
        <div class="foot_info_main">
            <ul>

                </li>
                <li class="weibo_items">
                    <a href="http://www.baidu.com" target="_blank">微博</a>

                </li>
                <li class="zhihu_items">
                    <a href="http://www.baidu.com" target="_blank">知乎</a>

                </li>
                <li class="blog_items">
                    <a href="http://www.baidu.com" target="_blank">博客</a>

                </li>
                <li class="email_items">
                    <a href="http://www.baidu.com" target="_blank">邮箱</a>
                </li>
                <div class="clear"></div>
            </ul>
            <div class="qrcode_div">
                    <span class="weixin">
                        <a class="weixin_icon"></a>
                        <img class="weixin_img" src="images/upload/weixin_qr.png">
                    </span>
                <span class="dingding">
                        <a class="dingding_icon"></a>
                        <img class="dingding_img" src="images/upload/dingding_qr.png">
                    </span>
                <span class="qq">
                        <a class="qq_icon"></a>
                        <img class="qq_img" src="images/upload/qun.png">
                    </span>
            </div>
        </div>
        <div class="foot_power">
            <h3>©2022</h3>
        </div>
    </foot>
</div>
<script type="text/javascript" src="js/main.js"></script>
<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //改变下时间间隔、动画类型、高度
        carousel.render({
            elem: '#test2'
            , interval: 5000
            , anim: 'fade'
            , height: '600px'
            , width: '1200px'
        });
    });
</script>
</body>

</html>

 